.wrap{
    padding: {
        left: 10px;
        right: 10px;
        top: 10px;
    }
    :global(.head) {
        display: flex;
        align-items: center;
        margin: {
            top: 12px;
            bottom: 34px;
        }
        color: $color-text-regular;
        &-main {
            flex: 1;
        }
        &-aside {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            width: 76px;
            height: 76px;
            @include border1px(#e7e7e7, 1px, 50%);
            font-size: 10px;            
        }
        :global(.num) {
            color: $theme-color;
            font-size: 18px;
        }
    }
    :global(.vote-title) {
        margin: {
            right: 12px;
            bottom: 12px;
        };
        font: {
            size: 20px;
            weight: 700;
        }
        color: $color-text-primary;
    }
    :global(.vote-creator) {
        display: flex;
        align-items: center;
        font-size: 12px;
        :global(.avatar){
            width: 28px;
            height: 28px;
            margin-right: 8px;
        }
        :global(.user-name),:global(.user-text){
            margin-right: 4px;
        }
        :global(.user-name){
            color: $color-text-regular;
        }
        :global(.user-text){
            color: $color-text-secondary;
        }
    }

    :global(.checkbox-head) {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 12px;
        :global(.title) {
            font: {
                size: 16px;
                weight: 700;
            }
            color: $color-text-primary;
        }
        :global(.count) {
            font-size: 13px;
            color: $color-text-secondary;
        }
    }
    
    :global(.checkbox-wrap) {
        li{
            position: relative;
            display: flex;
            margin-bottom: 10px;
            @include border1px(#dcdcdc, 1px, 4px);
            cursor: pointer;
            overflow: hidden;
        }
    }
    :global(.option-content) {
        position: relative;
        display: flex;
        flex: 1;
        justify-content: space-between;
        align-items: center;
        min-height: 44px;
        padding: 4px 13px;
    }

    :global(.precentage-bar){
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(232,237,244, .9);
    }
    :global(.vote-desc){
        font-size: 14px;
        color: $color-text-primary;
        -webkit-box-ordinal-group: 0;
        order: -1;
        z-index: 2;
    }
    :global(.vote-count){
        font-size: 10px;
    }
    :global(.vote-percentage){
        color: $color-text-regular;
        font-size: 14px;
    }
    :global(.am-list-item .am-list-thumb:first-child) {
        margin-right: 0;
    }
    :global(.am-list-item .am-list-line) {
        display: none;
    }

    :global(.foot) {
        position: relative;
        padding-top: 20px;
        &::after{
            position: absolute;
            box-sizing: border-box;
            content: ' ';
            pointer-events: none;
            top: -50%;
            right: -50%;
            bottom: -50%;
            left: -50%;
            border: 0 solid #ebedf0;
            border-top-width: 1px;
            -webkit-transform: scale(.5);
            transform: scale(.5);
        }
    }
}